<template>
  <div class="registration">
    <div class="title">Registration</div>
    <div class="info">Gear up for a thrilling journey from brainstorming to ideation and realization, as you work alongside some of the brightest minds in the industry. The stage is set. The timelines are marked. The future of Web3 beckons. Join us online, starting from August 21, 2023, lets embark on a coding adventure, craft innovative solutions, and shape the future of technology together.</div>
    <a href="https://docs.google.com/forms/d/18X1mzYx7MkLiR1ZRKuuIzkkiyLzn4fohckjKFxNq3r0/edit?ts=64e1a256" class="link">https://docs.google.com/forms/d/18X1mzYx7MkLiR1ZRKuuIzkkiyLzn4fohckjKFxNq3r0/edit?ts=64e1a256</a>
  </div>
</template>

<style lang="scss" scoped>
  .registration{
    margin-top: 100px;
    .title{
      font-size: 50px;
      line-height: 60px;
      font-family: poppins-bold;
      color: #5CD848;
    }
    .info{
      margin-top: 60px;
      color: #D5D5D5;
      font-size: 20px;
      line-height: 44px;
    }
    .link{
      display: block;
      margin-top: 20px;
      font-size: 20px;
      line-height: 44px;
      color: #fff;
    }
  }
  @media screen and (max-width: 1180px) {
    .registration{
      margin-top: 50px;
      padding: 0 8px;
      .title{
        font-size: 22px;
        line-height: 26px;
      }
      .info{
        margin-top: 25px;
        font-size: 13px;
        line-height: 26px;
      }
      .link{
        display: block;
        margin-top: 20px;
        font-size: 13px;
        line-height: 26px;
        color: #fff;
        word-break: break-word;
      }
    }
  }
</style>